<template>
	<view class="width-95">
		<view class="font-26 flex">
			<view class="mr-10"><image class="icon38" src="https://files.yzsheng.com/client/imgs/vip.png"></image></view>
			<view class="width-95">
				<text>全智动洗车 极速快洗（单次）</text>
				<u-icon name="play-right-fill" color="#666" size="14"></u-icon>
			</view>
		</view>
		<view class="width-95 flex pad-t-b-20 list1">
			<view class="icon"><image src="../../static/tabbar-icons/shouyes.png" mode=""></image></view>
			<view class="">奥迪A6L 2020款甄选动感版双离合四驱版</view>
		</view>
		<view class="u-text-center pad-t-b-20">
			<view class="font-34 color-333 font-bold pad-t-b-10">欢迎光临 祝您洗车愉快</view>
			<view class="">中铁西城全智动洗车店</view>
		</view>
		<view class="pad-t-b-10"><image class="width-100" src="https://files.yzsheng.com/client/commodity/washcarhasorder.png" mode="widthFix"></image></view>
		<view class="width-100"><u-divider color="#333" half-width="250" fontSize="28">注意事项</u-divider></view>
		<view class="width-95 font-24 color-666">
			<view class="flex pad-t-b-10">
				<view class="circle"></view>
				<view class="">车身需停在黄线区域内，并回正方向盘，以免发生刮擦</view>
			</view>
			<view class="flex pad-t-b-10">
				<view class="circle"></view>
				<view class="">洗车期间严禁打开车窗、车门或头手伸出窗外</view>
			</view>
			<view class="flex pad-t-b-10">
				<view class="circle"></view>
				<view class="">请勿倒车进去，以免影响洗车效果</view>
			</view>
			<view class="flex pad-t-b-10">
				<view class="circle"></view>
				<view class="">洗车期间，请坐在车内或站在洗车机外安全区域，以免误挡 感应探头，发生安全隐患</view>
			</view>
			<view class="flex pad-t-b-10">
				<view class="circle"></view>
				<view class="">车辆尺寸:高度(2.3米)，宽度(2.4米)，长度(5.5米) </view>
			</view>
			<view class="flex pad-t-b-10">
				<view class="circle"></view>
				<view class="">请收好超长、超宽、超高加装件，以免损坏或刮擦到洗车机</view>
			</view>
		</view>
		<view class="pad-t-b-20">
			<view class="">
				<u-checkbox v-model="agree" size="28" shape="circle" active-color="red"><text class="u-font-xs color-333">我已认证阅读以上《注意事项》并已按照操作</text></u-checkbox>
			</view>
			<view class="">
				<u-checkbox v-model="agree" size="28" shape="circle" active-color="red"><text class="u-font-xs color-333">代洗服务</text></u-checkbox>
				<view class="u-font-xs color-999 u-text-center">代洗车服务包含，代客机器洗车，车身擦拭收水、内饰清洗擦拭</view>
			</view>
		</view>
		<view class="">
			<view class="btn">去支付</view>
			<view class="btn">开始洗车</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			agree: false
		};
	}
};
</script>

<style scoped lang="scss">
.width-95 {
	margin: auto;
	.icon {
		width: 88rpx;
		height: 88rpx;
		text-align: center;
		image {
			width: 66rpx;
			height: 66rpx;
			margin: 11rpx auto;
		}
	}
}
.icon38 {
	width: 38rpx;
	height: 38rpx;
	margin: auto;
}
.circle {
	width: 10rpx;
	height: 10rpx;
	background: #999999;
	border-radius: 50%;
	margin: auto 10rpx;
}
.btn {
	width: 90%;
	margin: 10rpx auto;
	height: 88rpx;
	line-height: 88rpx;
	background: #4a4c59;
	border-radius: 44rpx;
	color: #fff;
	font-size: 30rpx;
	text-align: center;
}
.list1 {
	width: 100%;
	padding: 2%;
	margin: 40rpx auto;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
	border-radius: 10rpx;
}
</style>
